<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bus - index</title>

<!-- begin include file css and js -->
<script src="js/jquery-2.1.3.js"></script>
<script src="js/request.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<link rel="stylesheet" type="text/css" href="css/index.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/jquery-ui.min.css" rel="stylesheet">



<link rel="stylesheet" href="css/leaflet.css" />
<script src="js/leaflet.js"></script>

<link rel="stylesheet" href="css/leaflet-routing-machine.css" />
<script src="js/leaflet-routing-machine.min.js"></script>
<script src="js/leaflet-routing-machine.js"></script>

<!-- end include file css and js -->

</head>
<body>
	<div id="formshortestpath">
		<div id="titletimduong">
			Tìm Đường
		</div>
		<div class="info">
			<b>Điểm Đi :</b> <input id="dep" type="text"></br>
			<b>Điểm Đến :</b> <input id="arr" type="text"></br>
			<b>Thứ Tự Ưu Tiên :</b> 
			<select id="firstPriority">
				<option value="none">1st</option>
				<option value="st">Thời gian</option>
				<option value="sd">Khoảng cách</option>
				<option value="sp">Chuyển tuyến</option>
			</select>
			<select id="secondPriority">
				<option value="none">1st</option>
				<option value="st">Thời gian</option>
				<option value="sd">Khoảng cách</option>
				<option value="sp">Chuyển tuyến</option>
			</select>
			<select id="thirdPriority">
				<option value="none">1st</option>
				<option value="st">Thời gian</option>
				<option value="sd">Khoảng cách</option>
				<option value="sp">Chuyển tuyến</option>
			</select>
			</br>
			<b>Đi Bộ :</b>
			<select id="walk">
				<option value="1" selected="select">Có</option>
				<option value="0">Không</option>
			</select>
			<input id="oncewalk" type="number" value="200" title="Bán kính đi bộ"/>
			<input id="maxwalk" type="number" value="400" title="Khoảng cách đi bộ tối đa"/>
			</br>
			<b>Thời Gian :</b>
			<select id="giodi"  title="giờ">
				<option value="5">5</option>
				<option value="6">6</option>
			</select>
			<select id="phutdi" title="phút">
				<option value="5">05</option>
				<option value="10">10</option>
			</select>
			</br>
			<input type='button' value=' Submit ' id='submitbutton' />
		</div>
	</div>
	<div id="map"></div>
	<script src="js/mapleaflet.js"></script>
	
	<div id="option" hidden>
		<div id="titleOption">Lựa Chọn</div>
		<div id="stationOption"></div>
		<div id="btnOption">
			<input type='button' value=' Cancel ' id='cancelOption' />
			<input type='button' value=' Điểm Đi ' id='depOption' />
			<input type='button' value=' Điểm Đến ' id='arOption' />
		</div>
	</div>
	
	<div id="opacityMap" hidden>
	</div>
	
</body>
</html>